<template>
	<view class="flex  ">
		<view class="input-search flex align-center" @click="inputSearch">
			<!-- 搜索图标 -->
			<view class="">
				<image class="inputSearch-img" src="../../static/shoop/search@2x.png"></image>
			</view>
			<!-- 搜索文字 -->
			<view class="inputSearch-title">
				请搜索LETS'GO
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
 
			}
		},
		methods: {
			inputSearch() { 
				this.$emit('templateGo')
				
			},
			open(){
				
			}
		}
	}
</script>

<style>
	.input-search {
		/* width: 720rpx; */
		width: 627rpx;
		height: 60rpx;
		/* border: 1px solid #000000; */
		margin: 10rpx 24rpx 30rpx 30rpx;
		background: #FFFFFF;
		box-shadow: 0px 0px 8px 0px #E6E6E6;
		border-radius: 15px;
		padding: 0rpx 0rpx 0rpx 26rpx;
	}

	.inputSearch-img {
		width: 24rpx;
		height: 24rpx;
		margin-right: 20rpx;
	}

	.inputSearch-title {
		font-size: 12px;
		font-family: PingFang-SC-Medium;
		font-weight: 500;
		color: #CBCBCB;
	}
</style>
